<!DOCTYPE html>
<head>
<title>css-文本框</title>
<style type="text/css">
.box1 { width:144px;  height:22px; line-height:22px; border:1px solid #A9BAC9;background:url(http://cn.yimg.com/i/mail/06/bg_box1.gif) no-repeat #fff; padding:0 3px; font-size:12px; }
.box2 { border:1px solid #9ECC00;}
</style>
    <link rel="shortcut icon" href="#"/>
</head>
<body>
<input class="box1" id="login"
onmouseover=this.className="box2" onMouseOut=this.className="box1"
name="login">
</body>
</html>